<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>我的奖章</title>
<link rel="stylesheet" type="text/css" href="../css/style.css">
    <link href="../css/css.css" rel="stylesheet" type="text/css">
    <style>
        /*菜单栏*/
        .column{ height:46px; position:relative; background:#fff;}
        .col_img{ width:18px; height:18px; float:left; margin-left:5%; margin-top:14px;}
        .col_img img{ width:18px; height:18px;}
        .column p{ line-height:46px; float:left; color:#191919; font-size:16px; margin-left:14px;}
        /*底部导航*/
        .nav_box{ width:100%; height:51px; position:fixed; left:0; bottom:0; background-color:#fff;}
        .nav_index,.nav_mys,.nav_order,.nav_my{ width:25%; float:left;}
        .nav_box img{ width:18px; height:auto; position:relative; left:50%; margin-left:-9px; margin-top:8px;}
        .nav_box h1{ font-size:12px; text-align:center; color:#65646b; line-height:25px;}
        .nav_box .current_nav{ color:#01aff0;}
    </style>
</head>

<body>
<div class="header">我的奖章
    <div class="header_left" onclick="window.history.go(-1)"><img src="../images/return.png"></div>
</div>
<div id="_centent">
<div class="head">

    <div class="head-dsb">
    	<p class="dsb-name" id="username" style="font-size: 20px;margin-top:-18px;margin-left:-10px;font-weight:500;color: black;text-align: center;">当&nbsp前&nbsp奖&nbsp章</p>
        <p class="dsb-id" id="usercenter" style="color: red;margin-top:13px;font-size: 25px;margin-left:-15px;text-align: center;">2333枚</p>
        <p ></p>
    </div>
</div>
    <div>
        <!--我的奖品-->
        <div class="column" onclick="document.location='myorder.html';">
            <p>我的奖品</p>
            <div class="border_bottom"></div>
        </div>
        <!--添加奖章-->
        <div class="margin"></div>
        <div class="column" onclick="document.location='change.html';" id="servers">
            <p>兑换奖章</p>
            <div class="border_bottom"></div>
            <div class="border_top"></div>
        </div>
        <!--奖章详情-->
        <div class="margin"></div>
        <div class="column"  onclick="document.location='memberCenter.html';">
            <p>奖章详情</p>
            <div class="border_top"></div>
            <div class="border_bottom"></div>
        </div>


        <div class="margin"></div>
        <div class="column">
            <div style="padding: 2% 6% 6% 6%;color: green;">
                <label>温馨提示&nbsp;:</label>
                奖章有效期跟活动期限相同，当前活动到期，奖章也就到期归零。
            </div><br><br><br>
            <div class="border_bottom"></div>
            <div class="border_top"></div>
        </div>
    </div>
</div>
<!--底部导航-->
<div class="nav_box">
    <div class="border_top"></div>
    <div class="nav_index chenge" onclick="document.location='index.html';">
        <img src="../images/activity.png">
        <h1 style=" ">活动奖项</h1>
    </div>
    <div class="nav_mys chenge" onclick="document.location='change.html';">
        <img src="../images/change.png">

        <h1>兑换奖章</h1>
    </div>
    <div class="nav_my chenge" onclick="document.location='shezhi.html';" >
        <img src="../images/jiang-l.png">
        <h1  style="color:#01AFF0">我的奖章</h1>
    </div>
    <div class="nav_order chenge" onclick="document.location='myorder.html';" >
        <img src="../images/user.png">
        <h1>我的奖品</h1>
    </div>
</div>
<script>
	(function (doc, win) {
	  var docEl = doc.documentElement,
		resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
		recalc = function () {
		  var clientWidth = docEl.clientWidth;
		  if (!clientWidth) return;
		  docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
		};

	  if (!doc.addEventListener) return;
	  win.addEventListener(resizeEvt, recalc, false);
	  doc.addEventListener('DOMContentLoaded', recalc, false);
	})(document, window);
</script>
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/layer/2.1/layer.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script>
    $.ajax({
        type: 'GET',
        url: urls+'/medalRecord/findByUserOfMedalRecordCount',
        contentType: "application/json",
        success: function(req){
            console.log(req);
            $("#usercenter").html(req+" 枚");
        },
        error:function(){
            layer.msg("请求失败");
        }

    });
//    $(function () {
//        $.ajax({
//            url: '../bin/info_php/userinfo.php',
//            success:function(data){
//                console.log(data);
//                console.log(eval("("+data+")").data[0]);
//                var datas = eval("("+data+")").data[0];
//                (datas.user_img == null ) ? datas.user_img='/travel/Apps/img/logo1.png' : datas.user_img;
//                if(datas.server_id ==  null){
//                    $("#servers").css("display","none");
//                }else {
//                    $("#servers").css("display","block");
//                }
//                $("#username").html(datas.user_name);
//
//                $("#usercenter").html(datas.user_center);
//                (datas.user_img == null ) ? datas.user_img='/travel/Apps/img/head-img.png' : datas.user_img;
//                $("#uimg").attr("src",datas.user_img);
//            }
//
//        });
//    })

</script>

</body>
</html>
